<script lang="ts" setup>
import { inject } from 'vue';
import SonSon from './SonSon.vue';


interface Preson {
  names: string
  age:number
}

defineProps<Preson>()

//const emits = defineEmits<{ (e: 'my-emits', age: number):void }>()
  // 参数1: 回调函数名称
  // 参数n: 回传数据的类型
const emitss = defineEmits<{ 'my-emits': [age: number], 'getname': [names: string] }>()
 // key: 回调函数名称
// value: 回调函数参数类型

const totol=inject<number>('totalCount')
</script>

<template>
<div class="hai">
  <h2>我是子组件</h2>
   <p>provide提供的数据：{{ totol}}</p>
   <SonSon />
  <p>{{ names }}</p>
  <p>{{ age }}</p>
  <button @click="emitss('my-emits', age)">子组件触发回调函数</button>
  <button @click="emitss('getname', names)">获取名字</button>
</div>
</template>

<style scoped>
.hai{
  border: 1px solid aqua;
}</style>